<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <jsp:include page="header.jsp"></jsp:include>
        <link rel="stylesheet" type="text/css" href="css/jqzoom.css">
        <script type="text/javascript">
        	$(function(){
        		
         		$('.proinfo-num a').eq(1).click(function(){
        			var as = $('.proinfo-num input').attr('value',Number($('.proinfo-num input').attr('value'))+1);
        			var result = as.val();
        			//alert(result);
        			$.ajax({
         		         url:"countServlet",
         		         data:{count:result},//这把val值传入到后台java，后台可以通过request.getParameter("selectValue")获取到val值
         		         dataType:"json",   //如果JSP里输出的数据格式为json的话，这里就必须要写了，如果不是，这里可以省去
         		         type:"GET",
         		         beforeSend:function(){},
         		         success:function(data){
         		              var df=$(".count").html(data);
         		              //alert(df.val())//如果返回格式为文本格式的话，直接这样就可以，如果是JSON的话，就看你输出的是什么数据了
         		         }
         		      }); 
        		});
        		
        		$('.proinfo-num a').eq(0).click(function(){
        			var $n = Number($('.proinfo-num input').attr('value'))-1<0?0:Number($('.proinfo-num input').attr('value'))-1; 
        			var ad = $('.proinfo-num input').attr('value',$n);
        			var result = ad.val();
        			//alert(result);
        			$.ajax({
         		         url:"countServlet",
         		         data:{count:result},//这把val值传入到后台java，后台可以通过request.getParameter("selectValue")获取到val值
         		         dataType:"json",   //如果JSP里输出的数据格式为json的话，这里就必须要写了，如果不是，这里可以省去
         		         type:"GET",
         		         beforeSend:function(){},
         		         success:function(data){
         		              var df=$(".count").html(data);
         		              //alert(df.val())//如果返回格式为文本格式的话，直接这样就可以，如果是JSON的话，就看你输出的是什么数据了
         		         }
         		      }); 
        		});

       		   
        		/* 详情页面 滑动鼠标 分类效果 */
        		var $detail = $('.detail-box');
        		var $deUl = $('.detail-box ul');
        		var $deLi = $('.detail-box ul li');
        		var $deInfo = $('.detail-box .info-tetail');
        		
        		//alert($deInfo.eq(0).position().top)
        		
        		var $h = $detail.offset().top;
        		var $deUlH = $deUl.innerHeight();
        		/* 滚动鼠标判断 是第几个位置 */
        		$(window).scroll(function(){
        			var $hScrol = $(window).scrollTop();
        			var $t = ($hScrol-$h)>0?$hScrol-$h:0;
        			$deUl.css('top',$t);
        			
        			/* 循环判断内容，如果符合 即终止  */
        			$deInfo.each(function(index){
	        			if($t<$(this).innerHeight()+$(this).position().top-$deUlH){
	        				deShow(index);
	        				return false;
	        			}
	        		});
        		});
        		/* 点击分类导航 */
        		$deLi.click(function(){
					var $t = $h + $deInfo.eq($(this).index()).position().top-Math.floor($deUlH)+10;
        			$('html,body').animate({scrollTop:$t},1000);
        			
        		});
        		function deShow(num){
        			$deLi.removeClass('current');
        			$deLi.eq(num).addClass('current');
        		}
        	});
        </script>
        <title> </title>

        <body>
             <div class="J-header"></div>
            <div class="wrap clearfix">
                <div class="w">
                    <div class="breadNavBg">
                       <div class="breadNav pb10">
               			 <div><a>首页</a>&nbsp;&gt;&nbsp;</div><h1><a >手机/数码/配件</a>&nbsp;&gt;&nbsp;<a >手机通讯</a>&nbsp;&gt;&nbsp;<span>手机</span>
            		   </div>
                    </div>
                    <!--breadNavBg-->
                    <div class="proinfo-container clearfix ">
                        <div class="proinfo-left">
                            <div id="preview" class="spec-preview">
                                <span class="jqzoom">
                                    <img class="img" jqimg="${theGoods.fileName }" src="${theGoods.fileName }" alt="">
                                </span>
                            </div>
                            <div class="spec-scroll">
                                <a class="prev">
                                    &lt;
                                </a>
                                <a class="next">
                                    &gt;
                                </a>
                                <div class="items">
                                    <ul>
                                        <li>
                                            <img class="img" alt="佳能" bimg="${theGoods.fileName }" src="${theGoods.fileName }" onmousemove="preview(this);">
                                        </li>
                                        <li>
                                            <img class="img" alt="佳能" bimg="${theGoods.fileName_1 }" src="${theGoods.fileName_1 }" onmousemove="preview(this);">
                                        </li>
                                        <li>
                                            <img class="img" alt="佳能" bimg="${theGoods.fileName_2 }" src="${theGoods.fileName_2 }" onmousemove="preview(this);">
                                        </li>
                                        <li>
                                            <img class="img" alt="佳能" bimg="${theGoods.fileName_3 }" src="${theGoods.fileName_3 }" onmousemove="preview(this);">
                                        </li>
                                        
                                    </ul>
                                </div>
                            </div>
                            <!--spec end-->
                        </div>
                        <div class="proinfo-right">
                            <div class="title">
                                <h1>
                                ${theGoods.gname }
                                </h1>
                                <h2>
                                ${theGoods.summary }
                                </h2>
                            </div>
                            <dl class="no-price">
                                <dt class="dt">批 发 价： </dt>
                                <dd class="dd"><b class="price">￥${theGoods.price }</b></dd>
                            </dl>
                            <dl>
                                <dt class="dt">产品规格：</dt>
                                <dd class="dd"><span>${theGoods.spec }</span></dd>
                            </dl>
                            <dl>
                                <dt class="dt">生产厂家：</dt>
                                <dd class="dd"><span>${theGoods.factory }</span></dd>
                            </dl>
                             <dl>
                                <dt class="dt"> 库&nbsp;&nbsp;存：</dt>
                                <dd class="dd"><span> ${theGoods.count } </span></dd>
                            </dl>
                             <dl>
                                <dt class="dt"> OTC / RX：</dt>
                                <dd class="dd"><span>  ${theGoods.gclass }</span></dd>
                            </dl>
                              <dl>
                                <dt class="dt"> 销&nbsp;&nbsp;量：</dt>
                                <dd class="dd"><span> ${theGoods.hot } </span></dd>
                            </dl>
                            <dl>
                                <dt class="dt"> 起&nbsp;&nbsp;订&nbsp;&nbsp;量：</dt>
                                <dd class="dd"><span> ${theGoods.minorder } </span></dd>
                            </dl>
                          	 <dl class="proinfo-num"><dt class="dt">购买数量：</dt>
                                <dd class="dd">
                                    <a href="javascript:;" class="minus minus-disable"></a>
                                    <input type="text" class="count" name="count" value="1" max="99">
                                    <a href="javascript:;" class="plus"></a>
                                </dd>
                            </dl>
                            <div class="buy-btn"> <a class="btn btn-warning" href="/medicine/CartAdd?gid=${theGoods.gid }&goodsCount=${goodsCount}" ><i class="glyphicon glyphicon-shopping-cart"></i>加入采购单</a>
                                <a class="btn btn-default" href="/medicine/OrderAdd?gid=${theGoods.gid }&goodsCount=${goodsCount}">  立即订购</a>
                            </div>
                            
                        </div><!--proinfo-right end-->
                        <div class="proinfo-right1 sales ">
                           <div class="box">
                                <a class="p-ava"><img src="images/ava.png" alt="" href="sales-center.html"></a>
                                 <a class="p-name" href="">小张</a>
                                 <p class="p-tel">15895642587</p>
                                 <p><a class="btn btn-warning" href="center-sales.html">查看Ta的主页</a></p>
                           </div>
                        </div>
                        <!--proinfo end-->
                    </div>
                    <!--proinfo-container end-->
                    <div class="detail-box clearfix">
                        <div class="J-tab-con tab-con clearfix">
                            <ul class="tab clearfix tab-menu J-tab-menu">
                                <li class="current"> <a>详细信息</a></li>
                                <li class=""> <a> 成交(34)</a> </li>
                                <li class=""> <a> 售后保障</a></li>
                            </ul>
                     
                        <div class="tab-box J-tab-box clearfix">
                            <div class="info-tetail">
                                ${theGoods.content }
                            </div>
                            <!--info-text1 end-->
                            <div class="info-tetail">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>买家</th> <th>  购买数量 </th>
                                            <th>  成交时间</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td> 河北国安分店
                                            </td>
                                            <td>
                                                80盒
                                            </td>
                                            <td>
                                                20.15-6-25 13:20:20
                                            </td>
                                        </tr>
                                        <tr>
                                        	<td>河北国安分店</td>
                                            <td>80盒</td>
                                            <td>20.15-6-25 13:20:20</td>
                                        </tr>
                                        <tr>
                                        	<td>河北国安分店</td>
                                            <td>80盒</td>
                                            <td>20.15-6-25 13:20:20</td>
                                        </tr>
                                        <tr>
                                        	<td>河北国安分店</td>
                                            <td>80盒</td>
                                            <td>20.15-6-25 13:20:20</td>
                                        </tr>
                                        <tr>
                                        	<td>河北国安分店</td>
                                            <td>80盒</td>
                                            <td>20.15-6-25 13:20:20</td>
                                        </tr>
                                        <tr>
                                        	<td>河北国安分店</td>
                                            <td>80盒</td>
                                            <td>20.15-6-25 13:20:20</td>
                                        </tr>
                                        <tr>
                                        	<td>河北国安分店</td>
                                            <td>80盒</td>
                                            <td>20.15-6-25 13:20:20</td>
                                        </tr>
                                        <tr>
                                        	<td>河北国安分店</td>
                                            <td>80盒</td>
                                            <td>20.15-6-25 13:20:20</td>
                                        </tr>
                                        <tr>
                                        	<td>河北国安分店</td>
                                            <td>80盒</td>
                                            <td>20.15-6-25 13:20:20</td>
                                        </tr>
                                        <tr>
                                        	<td>河北国安分店</td>
                                            <td>80盒</td>
                                            <td>20.15-6-25 13:20:20</td>
                                        </tr>
                                    </tbody>
                                </table>
                           		
                           		<div class="fy-product-detail">
                           			<p>共3条信息</p>
                           			<p><a id="eventlink">首页</a></p>
                           			<p><a id="eventlink_0">上一页</a></p>
                           			<p><a href="#">1</a></p>
                           			<p><a href="2">2</a></p>
                           			<p><a href="">下一页</a></p>
                           		</div>
                            </div>
                            <!--info-text2 end-->
                            <div class="info-tetail info-service">
                                <div class="after-market">
                                    <h3>
                                        售后保障
                                    </h3>
                                    <p>
                                        通药集采平台卖家销售并发货的商品，由平台卖家提供发票和相应的售后服务。请您放心购买！
                                    </p>
                                    <p>
                                        注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。
                                    </p>
                                    <p>
                                        只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解
                                    </p>
                                </div>
                                <div class="after-market clearfix">
                                    <ul class="snpromise">
                                        <li>
                                            <img class="img" class="lazy-loading" src="images/promise1.jpg">
                                            <p>
                                                正品保障
                                            </p>
                                            <span>
                                                100%正品保障，品牌货源
                                            </span>
                                        </li>
                                        <li>
                                            <img class="img" class="lazy-loading" src="images/promise2.jpg">
                                            <p>
                                                如期发货
                                            </p>
                                            <span>
                                                承诺发货时间，按时到货
                                            </span>
                                        </li>
                                        <li>
                                            <img class="img" class="lazy-loading" src="images/promise3.jpg">
                                            <p>
                                                提供发票
                                            </p>
                                            <span>
                                                正规发票，下单无忧
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="after-market">
                                    <h3>
                                        退货服务说明
                                    </h3>
                                    <p>
                                        通药集采平台卖家销售并发货的商品，由平台卖家提供发票和相应的售后服务。请您放心购买！
                                    </p>
                                    <p>
                                        注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。
                                    </p>
                                </div>
                                <div class="after-market">
                                    <div class="text-c">
                                        <img class="img" src="images/return-process.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <!--info-text3 end-->
                        </div>
                        <!--tabcon end-->
                          </div>
                    </div>
                </div>
            </div>
          


       <iframe src="footer.jsp" frameborder="0" width="100%" height="462" scrolling="no"></iframe>
    
        </body>

</html>